<%@page import="java.util.List"%>
<%@page import="com.raul.biblioteca.servlets.vo.VOLogin"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Administracion Usuarios</title>

<script>
function guardar() {
	var forma = document.getElementById("formaUsuarios");
	forma.action = "adminUsuarios.servlet";
	var accion = document.getElementById("accion");
	accion.value = "guardar";
	forma.submit();
}

function actualizar() {
	var forma = document.getElementById("formaUsuarios");
	forma.action = "adminUsuarios.servlet";
	var accion = document.getElementById("accion");
	accion.value = "actualizar";
	forma.submit();
}

function borrar() {
	var forma = document.getElementById("formaUsuarios");
	forma.action = "adminUsuarios.servlet";
	var accion = document.getElementById("accion");
	accion.value = "borrar";
	forma.submit();
}

function carga() {
	document.getElementById("usuario").focus();
}
</script>

</head>
<body onload="carga();">
<form action="" method="POST" id="formaUsuarios">
<center>


<input type="hidden" name="accion" id="accion">

<p style="font-weight: bold; font-size: 20px;">
Bienvenido al sistema Usuarios : <%= ((VOLogin)session.getAttribute("usuarioLogeado")).getNombre() %>
</p>

<table>
<tr>
<td style="font-weight: bold; size: 12px; color: blue;" align="right">Usuario : </td>
<td><input type="text" name="usuario" id="usuario"></td>
</tr>
<tr>
<td style="font-weight: bold; size: 12px; color: blue;" align="right">Password : </td>
<td><input type="password" name="password" id="password"></td>
</tr>
<tr>
<td style="font-weight: bold; size: 12px; color: blue;" align="right">Nombre(s) : </td>
<td><input type="text" name="nombre" id="nombre"></td>
</tr>
<tr>
<td style="font-weight: bold; size: 12px; color: blue;" align="right">Edad : </td>
<td><input type="text" name="edad" id="edad"></td>
</tr>
<tr>
<td colspan="2">
<input type="button" value="Guardar" style="font-size: 14px; color: blue;"
onclick="guardar();">
<input type="button" value="Actualizar" style="font-size: 14px; color: blue;"
onclick="actualizar();">
<input type="button" value="Eliminar" style="font-size: 14px; color: blue;"
onclick="borrar();">
</td>

</tr>
</table>

<table>
<tr>
<th>Usuario</th><th>Nombre(s)</th><th>Edad</th>
</tr>
<%
List<VOLogin> lista = (List<VOLogin>)session.getAttribute("listaUsuario");
for(VOLogin obj: lista) {
%>
	<tr>
	<td><%= obj.getUsuario() %></td>
	<td><%= obj.getNombre() %></td>
		<td><%= obj.getEdad() %></td>
	</tr>
<%	
}
%>
</table>
</form>

</center>
</body>
</html>
